<div id="home-tabs">
  <ul>
    <? if ($sf_user->hasCredential("ver_agenda")):?>
      <li><a href="#tab-agenda">Agenda</a></li>
    <? endif;?>
    <? if ($sf_user->hasCredential("ver_pacientes")):?>
      <li><a href="#tab-paciente">Pacientes</a></li>
    <? endif;?>
    <? if ($sf_user->hasCredential("realiza_estudioss")):?>
      <li><a href="#tab-medico">Estudios</a></li>
    <? endif;?>
    <? if ($sf_user->hasCredential("ver_administracion")):?>
      <li><a href="#tab-administrar">Administracion</a></li>
    <? endif;?>
    <li><a href="#tab-datos">Mis Datos</a></li>
    <li><a href="#tab-horarios">Horarios</a></li>
  </ul>
    <? if ($sf_user->hasCredential("ver_agenda")):?>
    <div id="tab-agenda" class="tab-container">
      <div id="toolbar-agenda" class="toolbar-agenda">
          <? include_component("agenda","toolbar");?>
      </div>
      <div id="div-agenda"></div>
      <div id="agenda_formulario"></div>
    </div>
    <? endif;?>
    <? if ($sf_user->hasCredential("ver_pacientes")):?>
    <div id="tab-paciente">
    </div>
    <? endif;?>
    <? if ($sf_user->hasCredential("realiza_estudioss")):?>
    <div id="tab-medico">
      <div style="float:left; width: 50%;" id="medico_estudios">
        <? include_component("medicos","estudios")?>
      </div>
      <div style="float:right; width: 50%;" id="medico_equipo">
        <? include_component("medicos","equipo")?>
      </div>
    </div>
    <? endif;?>
    <? if ($sf_user->hasCredential("ver_administracion")):?>
    <div id="tab-administrar">
      <? include_component("layout","administracion");?>
    </div>
    <? endif;?>
    <div id="tab-datos">
    <? include_component("usuarios","datos");?>
    </div>
    <div id="tab-horarios">
    <? include_component("usuarios","horarios");?>
    </div>

</div>
<script>
  $(function() {
   $( "#home-tabs" ).tabs();
     cargarAgenda();
  });

function cargarAgenda(){
  <?=jq_remote_function(array(
    "update"=>"div-agenda",
    "url"=>"agenda/index",
    "loading"=>"rollLoading('div-agenda')",
    "complete"=>"limpiarDiv('agenda_formulario')",
  ))?>
}
</script>
